<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <title>Bootstrap按钮和图片案例</title>
</head>

<body>
    <div class="container">
        <button type="button" class="btn btn-default">default</button>
        <button type="button" class="btn btn-primary">primary</button>
        <button type="button" class="btn btn-success">success</button>
        <button type="button" class="btn btn-ok">ok</button>
        <button type="button" class="btn btn-info">info</button>
        <button type="button" class="btn btn-warning">warning</button>
        <button type="button" class="btn btn-danger">danger</button>
        <button type="button" class="btn btn-link">link</button>
    </div>
    <div class="div">
        <button type="button" class="btn btn-info btn-lg">info</button>
        <button type="button" class="btn btn-info ">info</button>
        <button type="button" class="btn btn-info btn-sm">info</button>
        <button type="button" class="btn btn-info btn-xs">info</button>
    </div>
    <button type="button" class="btn btn-default btn-block" disabled="disabled">hello</button>
    <a href="#" class="btn btn-default btn-lg active" role="button" disabled="disabled">default</a>
    <input type="button" class="btn btn-default" value="Input">

    <img class="img-circle" src="" alt="a">
    <img class="img-rounder" src="" alt="b">
    <img class="img-thumbnail" src="" alt="c">
</body>

</html>